Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1095007

    Hi,
    I need some help to adjust the font size of blog titles of magazine on the mobile version.
    The font size is good for desktop version, but the size become too big on mobile version.

    #1095444

    Hey Ayumi,

    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) {
        #top #wrap_all .all_colors h3.av-magazine-title {
            font-size: 18px;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1095565

    Hi Victoria,
    Thank you for your help. I put the code on custom.css and it works for top page, though the blog page doesn’t works.
    See below url with mobile phone (safari).
    Best regards,

    #1096019

    Hi,

    Thanks for that. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
    .page-id-259 #after_submenu_1 h2.av-special-heading-tag  {
      font-size: 18px;
    }
    }

    Best regards,
    Rikard

    #1096184

    Rikard,
    The code doesn’t work on the page.
    Best regards,

    #1096301

    Hi,

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. 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”.

    If you still have any issue please post the admin login details in private content area so we can take a look at the issue.

    Best regards,
    Vinay

    #1096685

    Vinay,
    The reason of the problem isn’t the browser cash. Didn’t see my page that I posted as private contents on this thread?
    I’ve already posted admin login on my first post. Please check it.

    #1097050

    Hi,

    The CSS I posted is applying to your site, could you try to change the font size maybe?

    Best regards,
    Rikard

    #1097229

    Rikard,
    The class is not h2.av-special-heading-tag but h3.slide-entry-title entry-title.
    I want to change blog entry title on mobile page.

    Best regards,

    #1097412

    Hi,

    Thanks for the update, so if you know the class you want to target then you can go ahead and add that CSS? If you should still need help then please post a screenshot highlighting the element you want to target.

    Best regards,
    Rikard

    #1097530

    Rikard,
    I tried this code, but it didn’t work.

    @media only screen and (max-width: 767px) {
    .page-id-259 #after_submenu_1 h3.slide-entry-title entry-title {
    font-size: 10px;
    }
    }

    #1097917

    Hi,

    Thanks for the screenshot, please try this instead:

    @media only screen and (max-width: 767px) {
    .page-id-259 .slide-entry-title {
      font-size: 10px !important;
    }
    }

    Best regards,
    Rikard

    #1097957

    Rikard,
    Thank you for your help. Finally it works perfect.
    Best regards,

    #1098068

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.