Support » Theme: Olsen Light » Header pages

  • bdchika

    (@bdchika)


    Hello,

    Presently my categories show on my header. I am wanting to make these into a dropdown menu instead and have them fall under the heading ‘recipes’. I have been trying to see how I can make this change, in addition to create ‘about’ and ‘contact me’ headerings, which when clicked would take the person to the respective page on my site. Any help is greatly appreciated. My site is cookingwithchika.com

    Thank you

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter bdchika

    (@bdchika)

    Hello I think I’ve figured out how to add the pages, however still working on the creating the recipe page and drop down list. For my pages, i created an ‘about me’, how do I make it so that the side bar layout remains – so the layout on this page remains the same as what my landing homepage looks like? Also how do I get rid of the footer ‘about me’ and facebook icon on my ‘about me’ page? When I create the ‘recipe’ page, how do I make it default to the current ‘homepage’?

    Fotis

    (@markwaregr)

    Hi @bdchika,
    Change the Page template for the About me page to be the default https://prnt.sc/w7z9y6 Then you will need to add your widgets in the page sidebar from Appearance->Widgets, remember you can use a plugin/module like Jetpack’s widget visibility https://jetpack.me/support/widget-visibility/ (or event without Jetpack https://wordpress.org/plugins/widget-visibility-without-jetpack/ ) to have different widgets in different pages
    You can create a dropdown menu from Appearance->Menus https://www.cssigniter.com/the-complete-guide-to-wordpress-menus/

    end enable recipes (post categories) as menu items from screen options (More info here http://www.cssigniter.com/docs/article/screen-options/).

    Let me know if you need additional help with this.

    • This reply was modified 2 months ago by Fotis.
    Thread Starter bdchika

    (@bdchika)

    THANK YOU SO VERY MUCH Fotis! I have been able to make the changes to my headers.

    I have tried adding code
    .entry-content{text-align:center;}
    ul li{text-align:left}
    to my ‘additional css’, in order to center align my headings, however it hasn’t worked. Any suggestions?

    Also I’m noticing my footer menu is showing (about me, contact and hom), however i did not click for my footer header to be displayed – is there a way to get rid of this?

    many thanks

    chika

    Thread Starter bdchika

    (@bdchika)

    i’ve used this code to center my header and it worked
    .site-tools {
    display: none;
    }
    .site-bar .nav {
    float: left;
    width: 100%;
    }
    .site-header .navigation {
    display: flex;
    justify-content: center;
    }

    I am wondering is there a way to place my search bar in the header and have it be right aligned? this site has the search in the location i’m looking to place mine..is it possible to do so?

    Thread Starter bdchika

    (@bdchika)

    sorry i’ve kept my headings left aligned and i would still like to have my search field in the top right side of my header where my social icons presently are…how can i do this? this is the site that has the seearch menu placed as I’d like http://emmahwhite.co.uk/

    Also I’m noticing my footer menu is showing (about me, contact and hom), however i did not click for my footer header to be displayed – is there a way to get rid of this?

    many thanks

    • This reply was modified 2 months ago by bdchika.
    Fotis

    (@markwaregr)

    Hi @bdchika
    Add this to hide the footer menu

    #footer .nav{
    display:none;
    }

    in your custom CSS box under Customize-▸Additional CSS

    Can you explain with a screenshot where you need to add the search field? Currently I cannot see also any social icons in the header.

    Thread Starter bdchika

    (@bdchika)

    Thank you that seems to have worked.

    I am having troubles with my social medial links – it appears they are broken as they look like empty squares instead of the icons for each social medial site showing. I have tried using the following code to fix this issue but it did not resolve it. Any other suggestions:
    Code I used but did not work:
    .entry-utils i{
    font-family:Fontawesome!important;
    }

    I would like my search field to be aligned with my header menu’s like it is in this site http://emmahwhite.co.uk/. Presnelty my search felid is below my header menue and my social media icons are aligned with my header menu’s – I want to remove them and instead have my search feild in the top right corner of my header menu.

    Thanks

    Chika

    Thread Starter bdchika

    (@bdchika)

    I’ve figured out how to remove my social media icons from my header under ‘header options’ in cutsomize, however I now still need to place my search feild to the right of my header options. Also the social media ‘follow me’ icons still aren’t showing

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.