Top Bar

2 replies·opened Oct 29, 2020
N
nacreOct 29, 2020

Hi, I have a line issue on the Top Bar, I would like everything to be on one line. When I put the photo in the Top bar on index.html it breaks the "name" and "contact me now" into 2 lines. How do I keep it on one line like the other pages but still use the small photo. See attached images

S
SemiColonWebSTAFFOct 30, 2020

Hello,

This is because you are using <div> and <p> for your Image and Text. You can either move the .testi2-image DIV inside the <p> Tags and apply the .d-inline-block Class to it. Or you can simply apply the .d-inline-block Class to both <div> and <p> Tags. Example:

<div class="testi2-image d-inline-block">
	<a href="about-me"><img src="images/boxo/testimonials/text/Jessica-Ashley.jpg" alt="Your Brand Partner"></a>
</div>
<p class="mb-0 py-2 text-center text-md-left d-inline-block"><strong>You’re Shopping with: 2292613 Ontario Inc</strong> <a href="about-me"><strong>Contact Me Now!</strong></a></p>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

N
nacreOct 31, 2020

Thank you, it worked great!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard