-
AuthorPosts
-
April 24, 2018 at 8:46 pm #946197
Just like the title says, what is the actual code to make the mobile logo bigger while keeping the logo on desktop as is?
Our logo is 300×100
When we view the site on mobile the logo shrinks down so small, it’s difficult to see.
April 25, 2018 at 7:10 pm #946784Any help here?
April 25, 2018 at 7:50 pm #946810it would be nice to see a link. Otherwise, it is purely speculative
April 25, 2018 at 8:14 pm #946833I did provide a private link for them to review. Regardless, we just need the code to make the logo larger.
April 25, 2018 at 8:24 pm #946835ok – than you had to wait til mods are here.
April 26, 2018 at 1:45 am #946982Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (max-width: 767px) { .responsive .logo img { max-height:140px; }}
Best regards,
VinayApril 26, 2018 at 2:14 am #946990That did not work, I even increased the max height and the logo does not display larger. Please send proper code to make the logo larger.
April 26, 2018 at 6:03 pm #947376Vinay?
April 27, 2018 at 9:36 am #947747Hi,
The height of the logo is adjusted proportionately to the width.
I see the logo is much bigger in the mobile version now. You may not see the changes until the cached files are cleared in your browser.
Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “ Empty Cache and Hard Reload” and review the site again.
Also, if a caching plugin is installed please check the plugin settings and empty the cache.
Best regards,
VinayApril 27, 2018 at 6:42 pm #948088This reply has been marked as private.April 29, 2018 at 9:31 am #948586Hi vegaspro,
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: 767px) { #av_section_1.avia-section-small .content { padding-top: 10px; padding-bottom: 10px; } #top #wrap_all #av_section_1 .av-special-heading-tag { font-size: 18px; } #top #wrap_all .avia-button.avia-size-x-large { padding: 10px 22px 10px; } .responsive #top #av_section_1 .container .av-content-small { margin-bottom: 0; } #top #av_section_1 .flex_column.av_one_third.avia-builder-el-3.avia-builder-el-last, #top #av_section_1 .flex_column.av_two_third.avia-builder-el-1 { margin-bottom: 0px; } }
If you need further assistance please let us know.
Best regards,
VictoriaApril 29, 2018 at 6:20 pm #948681That did not work, it made it smaller
April 30, 2018 at 4:46 pm #949116Help!
May 1, 2018 at 7:46 am #949411 -
AuthorPosts
- You must be logged in to reply to this topic.