I added a site border (via Theme Options > Theme Styling). This, it appears, affected the mobile menu. It's now indented right and left (not aligned with the rest of the content).
I have activated the border for test purpose and i found that there is some cutom css you have inserted somehow from somewhere that should be removed. Please see the code below:
and then activated the border again. It did fix the mobile menu issue (removed the margins left & right), but added a problem to the desktop menu by removing its margins. So that didn't help.
And this seems to do the trick. At least, it seems to look good on desktop and mobile (iPhone). Could you please confirm if that codes looks about right, especially in regards to the @media info?
I don't know, the code is valid i think. Please keep in mind that theme support doesn't offer theme customization services as we wrote on our support homepage and on this area.
If you're looking for professional help in this matter, there's always someone available for such tasks on the WP Kraken or Envato Studio. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
I added a site border (via Theme Options > Theme Styling). This, it appears, affected the mobile menu. It's now indented right and left (not aligned with the rest of the content).
Any ideas?
Thanks! Alex
Hi Alex,
I have activated the border for test purpose and i found that there is some cutom css you have inserted somehow from somewhere that should be removed. Please see the code below:
.main-header.fullwidth-header, demo_store, .nivo-lightbox-theme-default .nivo-lightbox-close, .portfolio-container-and-title.full-width-portfolio.portfolio-loop-layout-type-1 { margin-left: 38px; margin-right: 38px; }Thank you.
Thanks. No idea where that code came from and how it got into my site! Any idea how to get rid of it? It's not part of the custom CSS.
Also, just FYI, I tried to add this code in the custom CSS:
.main-header.fullwidth-header, demo_store, .nivo-lightbox-theme-default .nivo-lightbox-close, .portfolio-container-and-title.full-width-portfolio.portfolio-loop-layout-type-1 { margin-left: 0px !important; margin-right: 0px !important; }and then activated the border again. It did fix the mobile menu issue (removed the margins left & right), but added a problem to the desktop menu by removing its margins. So that didn't help.
But meanwhile, I found another code:
@media (min-width: 801px) {body > .wrapper, .top-menu-container, .portfolio-description-container, .single-portfolio-holder .portfolio-navigation, .portfolio-slider-nav, .main-footer {
margin-left: 30px !important;
margin-right: 20px !important;
margin-bottom: 0px !important;
margin-top: 0px !important;}
}
And this seems to do the trick. At least, it seems to look good on desktop and mobile (iPhone). Could you please confirm if that codes looks about right, especially in regards to the @media info?
Thanks!
Hi there,
I don't know, the code is valid i think. Please keep in mind that theme support doesn't offer theme customization services as we wrote on our support homepage and on this area.
If you're looking for professional help in this matter, there's always someone available for such tasks on the WP Kraken or Envato Studio. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
Will set this ticket as solved from here.
Thank you.
Hi there,
I'm glad to hear that
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
A huge thank you from Laborator in advance and have a great week!
Will set this ticket as solved from here.
Thank you.