Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #124827
    prachidamle7
    Participant

    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!

    #124848
    tikaram
    Participant

    @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

    #124871
    prachidamle7
    Participant

    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

    #124895
    prachidamle7
    Participant

    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

    #124899
    tikaram
    Participant

    @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

    #124923
    prachidamle7
    Participant

    Thanks a ton, Tikaram!! 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Site title resizing and search bar for mobiles’ is closed to new replies.