[prachidamle7]

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!

[tikaram]

@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,
Tikaram

[prachidamle7]

Hi 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

[prachidamle7]

Hi 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

[tikaram]

@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,
Tikaram

[prachidamle7]

Thanks a ton, Tikaram!! 🙂

[Author]

Posts