Okay
  Public Ticket #1647271
Create own menu and styling?
Closed

Comments

  •  2
    Jake started the conversation
    July 19, 2018 at 9:20am

    Hello!


    I've been trying to figure out a way I could add my own code into the menus. I'm trying to create a menu that has an Italian themed colour strip added onto the bottom of the menu but I don't have much knowledge with PHP so trying to understand / edit the themes code isn't going well so far.


    I'm currently trying to learn PHP to hopefully get more of an understanding of the theme and how its working.


    Would it be possible for someone to help me implementing this? I've attached a quick example of what I mean with the Italian theme colour strip.

  •  75
    Scott replied
    July 19, 2018 at 10:00am

    Hey there,

    Thanks for reaching in,

    We would be more than glad to help, except that customizations go beyond the scope of support for us. This request falls squarely on that. We would recommend doing a wordpress programming course first so you can understand templating aside from learning PHP.

    Hope this helps,

    Regards

    Themenectar Support Team

  •  2
    Jake replied
    July 19, 2018 at 10:04am

    Thanks Scott. I'll look into WordPress programming courses!


    Would you be able to point me in the right direction of which area of the header.php to edit where I would perhaps be able to put in / give it a go at creating this menu alter?


    Many thanks,

    Jake

  •  75
    Scott replied
    July 19, 2018 at 11:03am

    Hey Jake,

    Thanks for reaching in,

    Before I get into that could you please try this plugin https://wordpress.org/plugins/what-the-file/ to help you narrow down to the relevant template files you would want to edit.

    Hope this helps,

    Regards

    Themenectar Support Team

  •  9,001
    Tahir replied
    July 19, 2018 at 11:16am

    Hey Again,

    If you just want to add the three color line on the Header that can be easily done using custom css . Kindly provide your site url and a Image that has those 3 lines so we can place it on the Header div . 

    Best 

    ThemeNectar Support Team 

  •  2
    Jake replied
    July 19, 2018 at 2:38pm

    Hi Tahir!


    Currently the site isn't in development yet and I was just speculating if it was possible at this moment in time. Would it be possible for you to still provide a sort of example code that I would be able to use when it comes to creating the website?

    I've attached the image just incase it is possible for you to! 

    Thanks Tahir!

    Many thanks,

    Jake

  •  9,001
    Tahir replied
    July 20, 2018 at 10:23am

    Hey again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    div#header-outer {
    background: url(https://ticksy_attachments.s3.amazonaws.com/3StripesArtboard%201_673.jpg) repeat-x;
    background-position-y: bottom;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    Jake replied
    July 20, 2018 at 10:48am

    That's work perfectly Tahir!


    Thank you so much for the help!!