Full Width not showing in any device

  • Resolved AlexGlezAmador

    (@alexglezamador)


    4 years, 1 month ago

    Hello,

    First of all thanks for the help. I’m using the plugin to create a full-width slider in my home page, but it doesn’t show full-width in any device. I think it could be related to the maximun width of the container in the theme, but I don’t know how to solve it.

    Could someone help?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    You’re correct that your theme has some max-width set that constrains the inner elements, including the slideshow. You will have to find those parts of the code with max-width and update it to “none”

    Thread Starter AlexGlezAmador

    (@alexglezamador)

    Thank you!

    I’ve been looking for a while in many .php files, but haven’t found a max-width in any of them. Should it be in “functions.php”? I’m using the default template as single page for the home page where I insert the metaSlider block.

    And I’m using the Photography theme by Themeforest, in case that helps.

    It would be in .css files, like style.css. Who created the theme? They would know best where to look if you can’t find it.

    Thread Starter AlexGlezAmador

    (@alexglezamador)

    It is the Photography theme by ThemeForest. I’ve searched in the .css files that I’ve found, but nothing so far. I don’t know, I’ll try to contact them.

    Thread Starter AlexGlezAmador

    (@alexglezamador)

    Ok, so my 6 months support license expired, so they can’t answer my query unless I pay for the service again. I’ll try to find it myself, any help here will be welcomed. I f I ever find it, I’ll let you know in case it may help to someone.

    Hi,

    As a workaround, You may override the theme CSS temporarily until you find a way to get support from the theme author.

    You can add the following CSS to your website which will make your homepage and possibly other pages stretch to full-width:

    @media only screen and (min-width: 1100px){
    #page_content_wrapper{
        max-width: 100%!important;
        padding: 0!important;
    }
}

    Note, you will need to adjust the height and width of your images and possibly the slider height and width to get the best results and avoid vertical scrolling.

    If you don’t know how to add CSS to your website, you can use a plugin to help you with that.
    Example plugin: https://www.ads-software.com/plugins/custom-css-js/

    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Full Width not showing in any device’ is closed to new replies.