Responsive / Mobile layout

Ask Chronicle Theme Installation, Settings & Configuration, Problem, Error & Bug Related Issues Here

Moderator: forum_m

kelleypixelette
Posts: 18
Joined: March 1st, 2017, 5:21 am

Responsive / Mobile layout

Post by kelleypixelette » March 21st, 2017, 10:24 am

I have a few questions about the site in mobile view

• Logo - how can i make the logo resize with the size?

• Add padding to the left and right sides of the site?

• Remove the search box

thank you!
Attachments
chronicle_responsive_questions.jpg

support_staff
Posts: 6998
Joined: February 26th, 2015, 1:40 pm

Re: Responsive / Mobile layout

Post by support_staff » March 21st, 2017, 10:59 am

Hello kelleypixelette,

Please give your site URL.

Thanks.


support_staff
Posts: 6998
Joined: February 26th, 2015, 1:40 pm

Re: Responsive / Mobile layout

Post by support_staff » March 22nd, 2017, 12:35 pm

Please use the below code in custom CSS box-

Code: Select all

@media(max-width:480px){
.logo img {
    width: 300px !important;
}
.wrapper_boxed {
   padding-left: 20px !important;
   padding-right: 20px !important;
}
}

kelleypixelette
Posts: 18
Joined: March 1st, 2017, 5:21 am

Re: Responsive / Mobile layout

Post by kelleypixelette » July 13th, 2018, 11:18 pm

Hello!

i have a question about my site on mobile. The menu bar is scrolling over the content - see attached. Can the menu bar just 'stick' to the top of the site instead?
Screen Shot 2018-07-13 at 9.42.13 AM.png

kelleypixelette
Posts: 18
Joined: March 1st, 2017, 5:21 am

Re: Responsive / Mobile layout

Post by kelleypixelette » July 13th, 2018, 11:18 pm

sorry it appears that BOTH the logo and menu are scrolling over the content. I would like both to stick to the top of the site instead.

thank you!

support_staff
Posts: 6998
Joined: February 26th, 2015, 1:40 pm

Re: Responsive / Mobile layout

Post by support_staff » July 14th, 2018, 10:31 am

Hello kelleypixelette,

Please give your site URL.

Thanks.

kelleypixelette
Posts: 18
Joined: March 1st, 2017, 5:21 am

Re: Responsive / Mobile layout

Post by kelleypixelette » July 14th, 2018, 10:52 pm

sorry here you go
http://griffinnurseryschool.com/WP

thanks!

support_staff
Posts: 6998
Joined: February 26th, 2015, 1:40 pm

Re: Responsive / Mobile layout

Post by support_staff » July 16th, 2018, 10:36 am

Hii kelleypixelette,

Paste the given css in custom css box and save -

@media(max-width:480px){
#header.sticky #trueHeader {
position: relative !important;
}
}

Thanks.

kelleypixelette
Posts: 18
Joined: March 1st, 2017, 5:21 am

Re: Responsive / Mobile layout

Post by kelleypixelette » July 17th, 2018, 10:44 pm

That worked, thank you!

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”