content width

Home Forums Construction Pro/Build Forum content width

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #89311
    redmirc
    Member
    • Topics: 4
    • Replies: 16
    • Total: 20
    Member since: November 30, 2017

    Dear Support,

    From where I can increase the width of the content to match exactly the menu width to avoid the attached padding? The theme i have is the construction pro. the attachment is:

    https://ibb.co/mn0OaG

    #89357
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25783
    • Total: 25783
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL so that we can assist further.

    Regards,
    Brad

    #89361
    redmirc
    Member
    • Topics: 4
    • Replies: 16
    • Total: 20
    Member since: November 30, 2017

    Hi the site is http://www.red.com.mt/my

    #89368
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25783
    • Total: 25783
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .site-main { width:850px;}

    Regards,
    Brad

    #89386
    redmirc
    Member
    • Topics: 4
    • Replies: 16
    • Total: 20
    Member since: November 30, 2017

    thanks Brad, working great. How I can add some more space between the top logo and the top edge of the same page?

    #89399
    redmirc
    Member
    • Topics: 4
    • Replies: 16
    • Total: 20
    Member since: November 30, 2017

    Dear Brad, on my first reply, I told you that it worked great but now I am testing the site preview on mobile phone and shows that the website becomes “scrambled” on mobile device as you can see on the image attached.

    I also added the padding-top code to make more clearance from the top to the logo.

    .header .header-inner .logo { text-align:center; padding-left:0; padding-top:20px 0;}

    but the telephone and email icons loose their alignment. how we can align everything in the middle? even on mobile devices, all the information becomes confused.

    https://ibb.co/mDWOsw

    #89407
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25783
    • Total: 25783
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .header .header-inner .logo { padding-top:20px;}
    
    @media screen and (max-width:767px) {
    .header .header-inner, .header_row, .header_row .column-1 { width:100%;}
    .header_row .column-1 i { font-size:20px;}
    .header_row .phone-email-info { width:84%;}
    }

    Regards,
    Brad

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