Tagged: alignment, footer, header image, menu bar., site title
- This topic has 5 replies, 2 voices, and was last updated 7 years ago by prachidamle7.
-
AuthorPosts
-
October 24, 2017 at 11:56 pm #124827prachidamle7Participant
Hi,
I am using the Clean Journal child theme. I love it and it has been great to work with. However, am stuck with the site title and search bar.
1) How can I change the font size for the site title only for mobile screens?
2) Also the search bar appears just under the site title, how can I bring it down towards the end of my site, ideally above the Follow Us bar.My website link is http://www.hopscotchers.com
Thanks in advance!
October 25, 2017 at 6:44 am #124848tikaramParticipant@prachidamle7 : To change the font size for small screen
Go to Appearance => Customize => Additional css and add the following css@media only screen and (max-width: 580px) { h1.site-title { font-size: 30px !important; } }
To disable search bar from the header. Add the following additional css.
.sidebar-header-right { display: none; }
Let me know if you have any more issues.
Regards,
TikaramOctober 25, 2017 at 2:32 pm #124871prachidamle7ParticipantHi Tikaram,
That was brilliant! I could immediately see the changes. Thanks!!
Could you please help me with a couple of more things:
1) a) For the mobile version, can I shift the menu a little to the left, so as to centre the site title.
b) Also on the large screen version, the site title & menu is not correctly left aligned. How can I align these as well?2) This is a multi lingual blog that I am making, for the English pages, I was able to edit the copyright text in the footer, however am not able to do so for the Spanish pages. Why is it so?
My website link is http://www.hopscotchers.com
Thanks a lot again,
Prachi
October 26, 2017 at 2:35 am #124895prachidamle7ParticipantHi Tikaram,
That was brilliant! I could immediately see the changes. Thanks!!
Could you please help me with a few more queries:
1) a) For the mobile version, can I shift the menu a little to the left, so as to centre the site title.
b) Also on the large screen version, the site title & menu are not correctly left aligned. How can I align these as well?2) Before the header image loads, the page name appears for a second e.g Home or About Us or Blog or Contact (in the English section) & (their counterparts inicio or Quienes somos or Blog or Contacto on the Spanish pages).How do I stop seeing this before the image loads.
3) This is a multi lingual blog that I am making, for the English pages, I was able to edit the copyright text in the footer, however am not able to do so for the Spanish pages. Why is it so?
My website link is http://www.hopscotchers.com
I have spent many hours watching videos and trying to find solutions before asking these, so all help is truly appreciated!
Thanks a lot again,
Prachi
October 26, 2017 at 5:39 am #124899tikaramParticipant@prachidamle7 :1) For mobile version the site tile is already centered.
On large screen to align the title and the menu add the following additional css.nav-primary .wrapper { padding:0; }
2) To stop seeing the page names add the following css
body:not(.blog) #content .entry-header { display: none; }
3) To edit copyright text for Spanish page Go to Languages => String Translations in WordPress Admin section
Find the copyright text for Spanish language and change accordingly.Let me know if you have any further issues.
Regards,
TikaramOctober 26, 2017 at 1:18 pm #124923prachidamle7ParticipantThanks a ton, Tikaram!! 🙂
-
AuthorPosts
- The topic ‘Site title resizing and search bar for mobiles’ is closed to new replies.