Home>Support>Padding in Header image and color in menu when hoover

Padding in Header image and color in menu when hoover

I have som problems when using explore. I can´t change the pading in the headerimage, and the hoover colour in thee menu. But when i open the site in chrome it is okay?? I had the problem 2 month ago, when the I was login, but the problem disappeared when i was not log in. I am using premium.

Hope you can help me!

regards

Ole

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ole

    To confirm:

    In Internet Explorer you’re unable to change header padding and the menu hover color isn’t working?

    Which version of IE are you testing in?

    Thanks

  2. 10 years, 2 months ago Ole Jensen

    In Internet Explorer you’re unable to change header padding and the menu hover color isn’t working? Yes that´s right..
    I can make the change but they have no effect in IE 9. It works fine with IE 11 meening the change are working!

    I am using IE 9 (Vista user).

    BR

    Ole

  3. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for the info. Please send through a link to your site and I’ll take a look.

  4. 10 years, 2 months ago Ole Jensen

    http://www.garmas.dk

    BR

    Ole

  5. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Please try setting this using Custom CSS and see if it works. Insert the following under Appearance > Custom CSS:

    /* Header Padding */
    
    header#masthead hgroup {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    }
    
    /* Menu Padding */
    
    .main-navigation ul li a {
    padding-top: 14px;
    padding-bottom: 14px;
    }
    
    /* Menu Hover */
    
    .main-navigation ul li:hover > a, #search-icon #search-icon-icon:hover {
    background-color: #5089cd !important;
    }

    Adjust any values as required. Let me know how that goes in IE.

  6. 10 years, 9 days ago Ole Jensen

    Hi Andrew,

    I haven´t tried changing the CSS yet, but my brother in law will try it in a few days. But the problems are getting bigger with IE 9. Try to to take a look at my page with EI 9 and then wit EI 11, and see the different.

    http://www.garmas.dk

    Hope to hear from you soon

    BR Ole

  7. 10 years, 9 days ago Andrew Misplon
    Hi, I Work Here

    The snippet I sent doesn’t require any CSS to be changed. That snippet should be inserted under Appearance > Custom CSS which is a blank form if you haven’t already created any Custom CSS.

    Here is our overview of what Custom CSS is about: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/.

    Please try the snippet I sent through and let me know how it goes.

  8. 10 years, 8 days ago Ole Jensen

    Hi Andrew,
    We have inserted the snippet to custom CSS, but no changes to the better with the hooverproblem and the padding problem. IE 9 is still not showing the site the right way. I was writing to you yesterday that the problems are bigger now. The site is now not showing the right way. I have taken som screen shot (pictures) that i like to sendt to you. Picture 1 is the wrong way, picture 2 is the right way. I did have the same problem before the latest update (only with IE9), but could solve it by turning of/not showing the toolbar for users. Therefor only admistator (me) had the problem. But now the problems is there all the time with IE 9 – also when the users are not logged in.

    Picture 2 is taken using Chrome, but IE 11 is showing the site the right way to.

    How can i send the pictures to you?? Maybe you can see the problem, by visiting my page http://www.garmas.dk with IE9 and IE11 or chrome??

    Is this “new” problem somthing to do with pagebuilder?

    I like to have these problems solved as soon as posible, so I hope to hear from you soon – specialy about the site not showing the right way. I can live with the hoover- and the padding problem for now.

    BR

    Ole

  9. 10 years, 8 days ago Ole Jensen

    I have just find out that when responsive layout is unchecked the problem dissapears but the site is not userfriendly on small screens when this is unchecked

    Of course the the problem with padding and hoovercolor is still there:-)

    BR Ole

  10. 10 years, 8 days ago Ole Jensen

    So if you wánt to see the different your self i have to reecheck the checkbox… You just let me know.

    Br Ole

  11. 10 years, 7 days ago Andrew Misplon
    Hi, I Work Here

    Can you perhaps email me a copy of those screenshots and I’ll take a look. [email protected]. If you have already I’ll pick the email up a little later on.

  12. 9 years, 4 months ago Ole Jensen

    Hi Andrew
    My problems with EI9 has come back. Now the site isnt shown the right way again. I could fix this then when I was unchecking the box regarding small devices or some thing like that – I am not sure – and when the user wasnt able to login . But now i cant seem to find a way to fix this problem. Now i have the same problem as 7 month ago. For your information the wrong padding and the wrong colour in menu is still a problem in IE9

    Any idea to fix this??

    BR Ole

  13. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ole

    Sorry to hear about the hassle. Please go to Appearance > Custom CSS and update the CSS there as follows:

    /* Header Padding */
    
    #masthead .hgroup {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    }
    
    /* Menu Padding */
    
    .main-navigation ul li a {
    padding-top: 14px;
    padding-bottom: 14px;
    }
    
    /* Menu Hover */
    
    .main-navigation ul li:hover > a, #search-icon #search-icon-icon:hover {
    background-color: #5089cd !important;
    }
    
    .main-navigation ul li:hover > a, #search-icon #search-icon-icon:hover {
      background:  #5089cd !important;
    }
    

    You can adjust the values like padding or color as required. There were some small changes the code/markup of the theme.

    Let us know how that goes.

  14. 9 years, 4 months ago Ole Jensen

    Hi Andrew,

    Thank you for your reply

    No changes after updating the CSS!! It look very much the same as the last one you gave me. I´m not sure if you understand the problems regading the pages showing the right way. The padding and the hoover colour problem is “one” problem, but the problem regarding show the frontpage and product pages the right way is for now the biggest problem. These pages are build up with rows and columns.. These pages are not showing the right way now (again) after the last update – they ar shown in in one column. And now it seems that I cant make any changes in settings to fix the problem. 7 month ago I wrote this but I suppose that is not an option anymore?

    “I have just find out that when responsive layout is unchecked the problem dissapears but the site is not userfriendly on small screens when this is unchecked”

    BR

    /Ole

  15. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ole

    The hgroup tag was removed and replaced with a div class so in order for the Custom CSS we previously applied, to keep on working, it would need to change to what I indicated above.

    I’ll dive into IE ASAP and try figure out what’s going on there.

  16. 9 years, 4 months ago Ole Jensen

    Hi Andrew

    Super:-) Thanks..

    BR Ole

  17. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ole

    So sorry for the slow pace. We’re not really setup for IE9 testing at the moment, this has added to the delay. It’s looking like none of the required CSS that prints out in the header is doing so in IE9. All is well in IE10 though, so that’s something.

    Any chance you could send through your url, a temporary username and a password so we could take a look? You could either email those to: [email protected] or use the Private Reply checkbox at the bottom right.

    Thanks :)

  18. 9 years, 4 months ago Private Message - WordPress

    This is a private message.

  19. 9 years, 4 months ago Private Message - Ole Jensen

    This is a private message.

  20. 9 years, 4 months ago Private Message - Andrew Misplon Hi, I Work Here

    This is a private message.

  21. 9 years, 4 months ago Ole Jensen

    Hi Andrew,

    It actually did work regarding the problem with padding and the hoover – so that´s great, thanks.

    But the columns are still not shown the right way in IE9.

    I have given you access, so you should be able to login. But if you have no access to IE9 it can be difficult to se the problem. I have attached two pictures – one from IE9 and one from Chrome…

    Last time i solved the problem by removing the WP toollineaccess for the
    "customers" via a plugin – but that does not work anymore.

    Thanks.

    /Ole

    2015-05-01 18:24 GMT+02:00 Andrew Misplon <
    forum+3051-u11929-edf5c43d0461e93559af5cde8949b4e0f3ee9d2f@siteorigin.com>:

  22. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ole

    We unfortunately don’t have email attachment capabilities on the forum. If you could perhaps send those to [email protected] we’ll take a look ASAP.

    Thanks

  23. 9 years, 4 months ago Ole Jensen

    Hi Andrew

    I have just now sent the mail to the informed mailaddress.

    /Ole

    2015-05-04 18:00 GMT+02:00 Andrew Misplon <
    forum+3051-u11929-edf5c43d0461e93559af5cde8949b4e0f3ee9d2f@siteorigin.com>:

  24. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Super, thanks.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More