This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Padding in Header image and color in menu when hoover

Open 24 replies premiumthemetheme-vantage
Ole Jensen
11 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

24
  1. Andrew Misplon Staff 11 years, 7 months ago

    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. Ole Jensen 11 years, 7 months ago

    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. Andrew Misplon Staff 11 years, 7 months ago

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

  4. Ole Jensen 11 years, 7 months ago

    http://www.garmas.dk

    BR

    Ole

  5. Andrew Misplon Staff 11 years, 7 months ago

    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. Ole Jensen 11 years, 5 months ago

    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. Andrew Misplon Staff 11 years, 5 months ago

    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. Ole Jensen 11 years, 5 months ago

    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. Ole Jensen 11 years, 5 months ago

    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. Ole Jensen 11 years, 5 months ago

    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. Andrew Misplon Staff 11 years, 5 months ago

    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. Ole Jensen 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    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. Ole Jensen 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    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. Ole Jensen 10 years, 10 months ago

    Hi Andrew

    Super:-) Thanks..

    BR Ole

  17. Andrew Misplon Staff 10 years, 10 months ago

    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. WordPress Private 10 years, 10 months ago

    This is a private message.

  19. Ole Jensen Private 10 years, 10 months ago

    This is a private message.

  20. Andrew Misplon Private Staff 10 years, 10 months ago

    This is a private message.

  21. Ole Jensen 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    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. Ole Jensen 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread