Okay
  Public Ticket #863671
navigation and styles
Closed

Comments

  •  2
    Markus Spiske started the conversation

    Hi,

    i don’t know how i can change the navigation link “current” for the next site? I copied my complete customized header and menu section from index to the next site…but i don’t see the attribute “current” at the HTML sourcecode?

    <ul id="nav" class="nav navbar-nav navigation">
    <li class="page-scroll menu-item"><a href="index.html">Home</a></li>
    <li class="page-scroll menu-item"><a href="speisekarte.html">Speisekarte</a></li>
    <li class="page-scroll menu-item"><a href="kontakt.html">Kontakt</a></li>
    </ul>

    but with firebug i saw this:

    <ul id="nav" class="nav navbar-nav navigation">
    <li class="page-scroll menu-item current">
    <a href="index.html">Home</a>
    </li>
    <li class="page-scroll menu-item">
    <a href="speisekarte.html">Speisekarte</a>
    </li>
    <li class="page-scroll menu-item">
    <a href="kontakt.html">Kontakt</a>
    </li>
    </ul>


    Second problem: i copied this block from "menu.html"



    <!-- BEGIN RESERVATIONS SECTION -->
            <section id="reservations" class="section reservations">
                <div class="container">
                        <div class="jt_row jt_row-fluid row">
                            <div class="col-md-12 jt_col column_container">
                            <div class="voffset100"></div>
                                <h2 class="section-title">Casa di Cura | cucina mediterranea</h2>
                            </div>

                            <div class="col-md-12 jt_col column_container">
                            <div class="voffset40"></div>
                                <h4><span class="above">GUTSCHEIN</span></h4>
                                <h3>Mittagsbüfett</h3>
                                <h4><span>9,50 EUR p.P.</span></h4>
                                
                                <div class="voffset100"></div>
                                  
                                <h4><span class="above">GUTSCHEIN</span></h4>
                                <h3>für Menü frei wählbar</h3>
                                <h4><span>15,00 bis 100,00 EUR</span></h4>
                                
                                <div class="voffset100"></div>
                                
                                <p>Mittwoch bis Sonntag 14.00 Uhr bis 22.30 Uhr und Sonntag Mittagsbüfett 11.30 Uhr bis 14.30 Uhr</p>
                                <h3 class="reservation-phone"> Tel. (09273) 60 06</h3>
                            </div>
                        </div>
                </div>
                <div class="voffset60"></div>
            </section>
            <!-- END RESERVATIONS SECTION-->



    to my index an changed some text infos. But it lost his style like at "speisekarte.html",

    although there is the same classes?


    Third problem:

    at the site speisekarte.html there is the left and right background-images visible. At your demo site there isn't any sidewise images. If i exclude the background-image, it also is missed at my index.html

    section.menu {
        background-image: url("../images/menu_left.jpg"), url("../images/menu_right.jpg");
        background-position: left top, right center;
        background-repeat: no-repeat;
        min-height: 950px;
        padding-bottom: 40px;
        padding-top: 0;

    }


    View Demo: 

    http://temporausch.com/04/www/casadicura/index.html

    http://temporausch.com/04/www/casadicura/speisekarte.html


    Thanks and best regards 

    Markus

  •  840
    Jelly replied

    Hi,

    1. To make the menu highlight current, please add the class current in li tags

    <ul id="nav" class="nav navbar-nav navigation">
    <li class="page-scroll menu-item"><a href="index.html">Home</a></li>
    <li class="page-scroll menu-item current"><a href="speisekarte.html">Speisekarte</a></li> // Example
    <li class="page-scroll menu-item"><a href="kontakt.html">Kontakt</a></li>
    </ul>

    2. In the font link on head tags, please check and make it similar:

    The index:

    <!-- FONTS -->
    <link href="https://fonts.googleapis.com/css?family=Raleway:600,700,800,900" rel="stylesheet">
    

    The speisekarte.html

    <!-- FONTS -->
    <link href="https://fonts.googleapis.com/css?family=Raleway:300,600,700,800,900" rel="stylesheet">
    

    3. Please try add it in main style file.

    @media only screen and (max-width: 1280px){
    .section.menu {
    background-image: url("../images/menu_left.jpg"), url("../images/menu_right.jpg");
    }
    }

    Best Regards,
    Jelly Team

  •  2
    Markus Spiske replied

    Hi Jelly Team,

    thanks for helping...

    2. is solved

    1. doesn't work like your proposal for solution. I don't understand, why the "current" style is vissble at my html code but not at user screenview, it shows "current" at the index.html link? have a look at the screenshot. And if you would klick at the http://temporausch.com/04/www/casadicura/speisekarte.html to HOME link, it also doesn't work?

    3. doesn't work with your description at the page http://temporausch.com/04/www/casadicura/speisekarte.html 

    I don't want any backgroundimages left or right side.


    Thanks and best regards.

    Markus

  •  840
    Jelly replied

    Hi,

    1. For the menu, please try change the href in speisekarte.html page to: #speisekarte instead speisekarte.html.

    2. So you can remove the background image with this custom style:

    .section.menu {background-image: none !important;}

    Best Regards,
    Jelly Team

  •  2
    Markus Spiske replied

    Hi,

    2. issue > solved

    know i make a little hack and put in this style into the header, cause i would only the background-images at my index, works

         <style>
         .section.menu {background-image: none !important;}
        </style>

    3. doesn't work... i thought #link is only workable at "one page" sites?

    what do you have for an alternative solution?

    should i send you the files, for analyse?

    Thanks

  •  840
    Jelly replied

    Hi,

    Maybe you can provide ftp information so I can try with myself. Please use private reply to send your information.

    Best Regards,
    Jelly Team

  •   Markus Spiske replied privately
  •  840
    Jelly replied

    Hi,

    Please change:

    <li class="page-scroll menu-item current"><a href="speisekarte.html" title="Casa di Cura | Pizza und Pasta | Bad Berneck | Speisekarte">Speisekarte</a></li>

    To

    <li class="page-scroll menu-item current"><a href="#speisekarte" title="Casa di Cura | Pizza und Pasta | Bad Berneck | Speisekarte">Speisekarte</a></li>

    Then change

    <section id="menu" class="section menu">

    To

    <section id="speisekarte" class="section menu">

    Best Regards,
    Jelly Team

  •  2
    Markus Spiske replied

    ok, know it works...thanks for your patience :-)

  •  840
    Jelly replied

    Hi,

    No problem, you're welcome. Glad it’s working for you now. Do you still need my help?

    Best Regards,
    Jelly Team

  •  2
    Markus Spiske replied

    Hi,

    thanks for forestalling support...

    Everything works fine, the page is already online: http://www.casadicura.de/

    Just now i make a 5 star rating:-)

    Best regards
    Markus

  •  840
    Jelly replied

    Hi,

    Thank you so much for your support.

    I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.

    Best Regards,
    Jelly Team