Thank you Victoria, that worked but the logo on tablets is still appearing smaller in proportion than the desktop version. Is it possible to make the proportions similar?
Also, I removed the side bar on the Blog (link below) and the column is very narrow. Can’t see a way to widen the column?
Best regards
Gerry
Hi Gerry,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
top: 25px;
left: 45%;
}
.html_header_top.html_logo_center .logo {
width: 80%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks Victoria. Do I need to delete any previous code before I add the above. Quick CSS so far in private box below.
All best
Gerry
Also, did you see the other question above – I removed the side bar on the Blog (link below) and the column has become very narrow. Can’t see a way to widen the column?
Thank you
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 100%;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 1024px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Also, if you have any other questions, please start a new thread as this one is getting a little complicated :)
Best regards,
Yigit
Hi Yigit, not sure if to start a new thread because this is related to above… I’ve added that code but now the titles on the blog pages are indented rather than aligned left?
Thanks for your help!
Gerry
Hey!
Please add following code to Quick CSS as well
#top .fullsize .template-blog .post-title {
max-width: 100%;
}
Best regards,
Yigit
Thanks for all your help, Yigit.
You’re a legend.
Best
Gerry