Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #13511

    Hi,

    I’ve made a shopping cart with WooCommerce on my site, all working great, except i want to make some static links at the top right of the page – how do I do that?

    I also want to make a bigger gap between the slider and the info boxes – you’ll see what I mean.

    http://www.pendantalarms.co.uk

    Thanks

    ** Also, how do I add a static link to my navigation menu?

    #79524

    Hi tkp19,

    You’ll need to open up the header.php file and then add your own div and menu to the layout there. Then add the css to position it to the style.css. Unfortunately its not something we can provide the code for as it would require quite a bit of back and forth to get it specific to your needs.

    To make the gap bigger on the home page, you can modify the following in your style.css:

    #frontpage #head {
    height: 425px;
    }

    Changing that value to 445px should do it.

    You should be able to add static menu items to your menu from the Menus manager in wordpress. Just go to Appearance>Menus and add a Custom Link using the URL.

    Regards,

    Devin

    #79525

    Hi,

    Thanks for your reply, that piece of code did the trick.

    The links in the top right issue – could you provide me with a piece of CSS and the div tags for me to put on the site – i will play with the aligning values until they are about right? – also, where in the header.php would i put this div.

    When I add a custom link to the custom menu’s it makes no difference to my navigation?

    Thanks

    Tristan

    #79526

    Hi Tristan,

    You can do something like:

    <div class="extramenu"><ul><li><a href="#">menu item</a></li></ul></div>

    Put that just before the

    <h1 id='logo'>

    With the css:

    .extramenu {
    position: absolute;
    right: 10px;
    }

    As for the menu, I didn’t realize Cubit didn’t use the wordpress menu option so you’ll need to add a new list item into the ul id=”nav” in the header.php. So just add the new list item right after:

    wp_list_pages('title_li=&sort_column=menu_order&'.$main_menu_query); ?>

    It will look like:

    <li <?php if(is_page(##)){ echo "class='current_page_item' ";}?>><a href="#">Title</a></li>

    Where the ## is the page ID of the link.

    Regards,

    Devin

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘HOW DO I: GET LINKS AT TOP RIGHT OF PAGE & MAKE BIGGER GAP AT BOTTOM OF SLIDER?’ is closed to new replies.