Hello again,
Thanks for your help, I got the header “Financial Professionals Click Here” image to float at the top of the home page. I even added some jQuery to remove it when the visitor gets to the page. However, when I look at the following home page in a mobile, that floating image messes up the logo and navigation:
http://audrey.smeester.com
For mobile and other small screens I would like to simply move the whole site down about 50px and use a more horizontal image at the very top that also says “Financial Planners Click Here”. How would be the best way to achieve this?
Thanks!
Scott
Hi scottsmeester!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 990px) {
#header_main div.container {
margin-top: 50px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
padding-top: 197px;
}}
Best regards,
Yigit