Responsive
Tagged: Responsive
- This topic has 7 replies, 2 voices, and was last updated 4 years ago by
Zex.
-
AuthorPosts
-
June 11, 2019 at 1:35 pm #14561
Lucile Girodos
ParticipantHi,
How and where can I configurate my website for responsive ?
Or which css class am I supposed to use to adapt title and boxes for my website on mobile phone ?
Regards,
LucileJune 11, 2019 at 2:08 pm #14563Zex
ModeratorHello, Lucile!
Can you be more precise?
What Title is not responsive?Have you think on the Front Page Boxes? they should already be responsive …
Since your webpage is under construction mode, unfortunately, currently I can’t test it.Can you give me some screenshot?
Regards
June 11, 2019 at 3:04 pm #14565Lucile Girodos
ParticipantHi Zex,
The title is h3, but it’s only because I made a big/huge title, so on computer it’s ok. On mobile phone it’s smaller but still too much.
http://www.ancrages-ecriture.fr/tempimg/screenh3.pngAlso the blockquote has too huge margin on mobile phone. I would like to make it smaller.
http://www.ancrages-ecriture.fr/tempimg/screenblockquote.pngRegards,
June 11, 2019 at 3:48 pm #14567Zex
ModeratorHi, Lucile!
The next code should work for you(insert it into Customizing->General->Additional CSS):
/*Site title font-size fix*/ @media screen and (max-width: 994px) { #masthead .site-title a{ font-size:4vw!important; line-height:10vw; } }
For the blockquote, try to go with the next code:
/*Blockquote padding*/ @media screen and (max-width: 994px) { .entry-content blockquote{ padding: 10px!important; } }
Change the values as you wish
PS: Since I can not test the code on your website, I’m not sure if it will work properly, so if the codes do not work, please give me your WP Login credentials in a private answer and I will give you the appropriate code.
Regards
June 14, 2019 at 3:26 pm #14677Lucile Girodos
ParticipantThank you,
It is working for both of it.But unfortunately there is another problem. I cannot find how to change de .css menu navigation on mobile phone (the color and font size are not well).
I add mediaqueries on style.css it’s working on computer (when the window is small) but it’s not working when I look the website on mobile phone.
https://www.ancrages-ecriture.fr/tempimg/screenshot_nav.png
(The website is currently online if you want to see).Regards,
Lucile
June 14, 2019 at 3:53 pm #14679Zex
ModeratorHello, Lucile!
The submenu looks good on my phone.
https://prnt.sc/o1uym6The Mobile menu Font-size and text color can be changed from the
Customizing-> Navigations->Navigations Mobile menu.
https://prnt.sc/o1uzjkIf you need to change the font size for the submenu, the next code should work for you:
nav.mobile-menu>ul.menu>li>ul li>a { font-size: 10px!important; }
What phone/Browser do you using?
Regards
June 14, 2019 at 4:03 pm #14680Lucile Girodos
ParticipantThank you very much for your rapidity to answer.
I am using mozilla firefox on my phone and computer. But on chrome and lilo on my phone it’s ok like you.
Thank for the code.
Everything seems good 🙂Best regards,
LucileJune 14, 2019 at 4:07 pm #14681Zex
ModeratorThank you for your feedback.
Best Regards
-
AuthorPosts
- You must be logged in to reply to this topic.