Posted in: Newspaper
Post count: 4
Jun 16, 2014 at 3:55 pm
Hi
When I set the responsive settings to ‘Full Responsive (980px) the megamenu is still the same width as the 1170px width. You can view the issue but hovering over the menu here – http://techdive.uk/
Is there a fix for this?
Post count: 4
Jun 16, 2014 at 4:00 pm
There is also a problem with the header ad overlapping the logo?
Post count: 6600
Jun 17, 2014 at 3:37 pm
Hi,
You can use this CSS:
/* responsive monitor */
@media (min-width: 1200px) {
.post .thumb-wrap img {
max-width: inherit;
}
}
emil_grecu is typing...
emil_grecu: .td_980_resp .td_mod_mega_menu {
margin-left: 19px;
}
.td_980_resp .td-mega-menu ul {
left: 0px !important;
}
.td_980_resp .td-mega-menu .td_block_inner{
width: 800px !important;
}
.td_980_resp .td-mega-menu .td-mega-grid,
.td_980_resp .td-mega-menu .td-no-subcats .td_block_inner,
.td_980_resp .td-mega-menu ul {
width: 996px !important;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_980_resp .td_mod_mega_menu {
margin-left: 14px !important;
}
.td_980_resp .td-mega-menu ul {
left: 0px !important;
}
.td_980_resp .td-mega-menu .td_block_inner{
width: 600px !important;
}
.td_980_resp .td-mega-menu .td-mega-grid,
.td_980_resp .td-mega-menu .td-no-subcats .td_block_inner,
.td_980_resp .td-mega-menu ul {
width: 748px !important;
}
}
Add it in Theme Panel -> Custom CSS section.
For the logo issue use this CSS:
.td_980_resp .td-g-rec-id-header .adsbygoogle {
right: 0;
}
.td_980_resp .header-logo-wrap img {
width: 250px;
}
.td_980_resp .header-logo-wrap {
margin-top: 34px;
}
Thank you
Post count: 4
Jun 17, 2014 at 3:58 pm
Thanks Lucian, that did the job!
Is this a bug?
Post count: 6600
Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.
