Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1039637

    hi guys

    on the home page

    the top meta area has this css rule

    #top #header_meta
    {
    background-color: #41639e;
    }

    Which works fine on desktop. On mobile it isn’t being applied.

    Just wondering am I being a bit stupid this morning can’t see why it isn’t being applied on mobile?

    Also with the layer slider how can we have it resize for mobile users without leaving the white gaps?

    #1039861

    Hey codecreative,

    I think your CSS should apply, did you try adding !important after the statement?

    #top #header_meta {
      background-color: #41639e !important;
    }

    Also please consider updating to 4.5 :-)

    Best regards,
    Rikard

    #1043243

    hi i haven’t applied iet manually it comes from theme settings i will try now

    #1043245

    hi

    i fixed it now be amending alternative background color in the theme style settings

    i am seeing the following errors in console as well, see screenshot

    View post on imgur.com

    #1043593

    Hi,

    Thanks for the update. Did you add that CSS file manually? Did you check that the folder has the correct access level set to it?

    Best regards,
    Rikard

    #1043736

    “Did you check that the folder has the correct access level set to it?” – What should the chmod be for it ?

    Also it is 99% fixed how ever on mobile it seems that on the home page it doesn’t apply the css just the inner pages

    One thing i know is different about the homepage is it has a transparent header set. How ever surely that should just apply to desktop?

    Can you confirm?

    Finally why does layer slider not adapt to fill the height of the mobile?

    #1044140

    Hi,

    755 should likely work? If not then I think you need to contact your hosting provider since it’s a server response causing those problems.

    Best regards,
    Rikard

    #1046300

    hi i sorted the permission error issue out now guys thanks

    I still am not sure why
    1 – On mobile it seems that on the home page it doesn’t apply the css. It just works on the inner pages
    2 – Why does layer slider not adapt to fill the height of the mobile?

    #1048013

    Hi,

    1.) Try to use a more specific selector:

    .responsive #top .av_header_transparency #header_meta {
        background-color: #41639e;
    }

    2.) Did you set the Slider Settings > Layout > Slider Type settings to “Fixed”? Set it to “Full Size” if you want the slider to adjust based on the screen size. Or use theme’s Full Screen Slider element.

    Best regards,
    Ismael

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