When you login to the system to address the above two issues, I’ve also encountered an issue where the menu font line of – Welcome Solutions About Suport are bold for Solutions >Terminals and Solutions > Ecoomerce and I can’t figure out why? The phone number on the top bar left is also bold when only these two menu pages load. It should all be the same as the other menu pages which isn’t bold as you can see. Why and how to solve?

Also when viewing on mobile devices the slider revolution images are getting cut off below the menu. ie; Solutions > Terminals – slider is completely cut off and is behind the menu as when you pull down the mobile screen you can see it. How do I fix these problems here and the other submenu pages with the slider to format correctly?

Thanks!

Ismael,

I don’t think you fully responded to my questions:

April 16, 2019 at 4:50 am – #1091200

and more importantly this one: April 16, 2019 at 7:55 pm – #1091657

Thank you for your speedy reply to the above!

Here are screenshots from iPhone XS Max. You will see the rev slider header image is cut off and half the top is missing compared to viewing on desktop. You will also notice the button Request A Demo is not centered inside the white box as it is in desktop mode.

Lastly the second picture also has the bottom right text box content completely cut off. Desktop is fine.

Hope this clarifies?

Thanks

Thank you for the information. However, the problem still exist with the phone number not being centered with the logo. The phone number sits on the bottom and is not positioned centered with the middle of the logo. How do I fix this? I’m not sure this can be done by using the method of putting the code in the header box?

Hi,

Any update on this?

Thanks!

Worked perfectly and amazing! I forgot to ask how exactly do I change the font typeface for the Extra elements > Phone number?

Thanks again!

Hi,
I’m getting ready to go live and have a couple more questions. How do I get the last graphic image where I have it highlighted in yellow to move down a little?

How do I get the phone number bar to increase in height and also make the phone number bold and bigger font?

Can you also confirm that everything looks good in all mobile sizes?

Thank you!

Getting closer…
How do we get rid of the solid short line under the home icon that stays there permanently and the red line that appears when you hover all the other icons?

When you go to About > Leadership > you can’t select the two names that now appear middle of right side.

As a footnote, how do I make the background color change when I hover down the list of submenus? It’s all white now and hard to tell which you are selecting.

Lastly, how will mobile responsive be with these changes?

Thanks again!

Hi,
Really need the help here. I provided the login details two days ago.

Thanks!

Hi,
That works but….. here’s the css I have so far. The first two pics are perfect as shown. Why does the 3rd one not fit properly when I’m using the same code? The image is the same size as well: (The last pic, I made the background position -150% to play around with it but it still is big.
Thanks so much for your help!

https://prnt.sc/ky5lut

li.my-class-home {
background-image: url(nav0.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% -1%;
}
li.my-class-about{
background-image: url(nav-about-circle-hs.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% -1%;
}
li.my-class-body{
background-image: url(nav-about-circle-hs.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% -1%;
}
li.my-class-chiropractic{
background-image: url(nav1-circle.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% -150%;
}

Hi,
Can you please tell me where I paste the code? I assumed in the General Styling > Quick CSS

I pasted both in the Quick CSS:

#top #header .av-main-nav > li > a {
margin-top: 36px !important;
}
li#menu-item-3173 {
background-image: url(https://png.icons8.com/color/96/cccccc/morty-smith.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% -1%;
}

Thanks for your quick reply… hopefully someone can provide more specifics. I had thought I read somewhere in the millions of pages here with someone asking the same question in having text just show up on a specific bottom page.

I was waiting to update because of the various bugs I’m concerned with in the latest update will cause issues. I use layerslider and various other elements I’ve read issues with. That being the case, anyway I can manually solve this until the other various bugs I’ve read here are solved in the coming updates over the course of time?

Thanks!