Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 28, 2019 at 5:52 am #1095007
    kazeko

    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.

    April 29, 2019 at 7:19 pm #1095444
    Victoria

    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

    April 30, 2019 at 2:46 am #1095565
    kazeko

    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,

    May 1, 2019 at 5:57 am #1096019
    Rikard

    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

    May 1, 2019 at 2:44 pm #1096184
    kazeko

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

    May 2, 2019 at 4:01 am #1096301
    Vinay

    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

    May 3, 2019 at 2:39 am #1096685
    kazeko

    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.

    May 4, 2019 at 5:04 am #1097050
    Rikard

    Hi,

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

    Best regards,
    Rikard

    May 4, 2019 at 3:11 pm #1097229
    kazeko

    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,

    May 5, 2019 at 12:57 pm #1097412
    Rikard

    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

    May 6, 2019 at 1:17 am #1097530
    kazeko

    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;
    }
    }

    May 7, 2019 at 4:44 am #1097917
    Rikard

    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

    May 7, 2019 at 6:47 am #1097957
    kazeko

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

    May 7, 2019 at 1:42 pm #1098068
    Rikard

    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

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