content width

[redmirc]

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

[Forum Moderator]

Hi,

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

Regards,
Brad

[redmirc]

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

[Forum Moderator]

Hi,

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

Add this code there:

.site-main { width:850px;}

Regards,
Brad

[redmirc]

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

[redmirc]

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

[Forum Moderator]

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

[Author]

Posts