• aennislife

    (@aennislife)


    Hey,

    Thanks for looking into my questions.

    1) I am struggling to find the solution to remove the margin/padding on my website. I would like to have the website a little more wider when visiting via Webbrowser and not mobile.

    2) The footer is now filling the whole wide but the menu is too far on the left side and the social icons on the right.

    3) How can I change that the header menu is all in one line (incl. the flags)? The only idea I have is too change the font size but then it is hard to read…

    Thank you in advance!

    Annkathrin

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Fotis

    (@markwaregr)

    Hi,
    you can adjust the padding on left and right for the main container

    @media (min-width: 992px){
    .container {
        
        width: 100%;
        max-width: 80%;
    }
    }

    in your custom CSS box but you will need to actually change your image sizes https://www.cssigniter.com/modify-image-sizes-using-simple-image-sizes/ to larger than the default ones
    Well footer is a bit off. I suggest reverting the changes so you can apply the generic ones I suggested
    Now for the menu you can add this

    @media(min-width:991px) {
        header .site-tools {
            float: right;
            width: 40%;
            position: absolute;
            right: 16px;
            margin-top: -4px;
        }
        header .site-bar .nav {
            float: left;
            width: 100%;
            padding-top: 3px;
        }
    }

    Let me know if this worked for you.

    Thread Starter aennislife

    (@aennislife)

    Perfect, that worked! Thank you!

    I got the plugin, but I trouble to see how much I need to change which sizes. Is there a guide to see which picture is meant with the size names?

    Fotis

    (@markwaregr)

    Well for Olsen Light only three images sizes

    Basic Thumbnail(featured image)  665x435px
     Slider (ci_slider), 1110x600px
     Author image (olsen_light_square) 200x200px

    Let me know if you need additional help with this.

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

The topic ‘Margin left and right’ is closed to new replies.