Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #133972
    FREDERIC
    Participant

    Ho

    I use the Catch Evolution Theme, free at this moment. I will see for tage the pro version. I have some quetions for modify the layout.

    1. I want to add in my menu the social icones (Google+ and Mail). How can I do this operation ?

    2. Is it possible to have a large page, according to the device

    3. I want to have some pages with 2 colonnes for frenc and english parts

    Link: my site http://fredericvoyage.fr/ under construction concerning the structure
    I already use the additionnels CSS for several tests

    Thank you for your help

    Frederic
    from France with a bad english written ?

    #134029
    Skandha
    Participant

    @frederic: You seem to have figured out how to add social link icons (Google+ and Mail). I see the social links in your site.

    Do you mean that you want the content area to be larger? If yes then it is possible. Let me know where you want the content area area to be larger?

    To have somepages with 2 columns with french and english parts I suggest you to hire a customizer.
    Let me know if you have anymore issues.
    Regards,
    Skandha

    #134068
    FREDERIC
    Participant

    Hi
    Thank you for your feedback. Concerning the social icons, I want to add inside the menu. I tried with “Social icons menu” but no issue. So, I change my mind and let the social icon in the footer. I will see after for put these in the secondary part of my page.

    I would want to have the primary part of my page more large because I put some pictures and also separated for some for french and english part (surely with table). I tried a slider in a page and, the loading is too long.

    My search for the while is to remove the title inside the page, in first. In second have a background transparent, not white.

    My site is under construction for finish the structure.

    Thank you
    Frederic

    #134079
    Skandha
    Participant

    @frederic: To have a content part large you can Go to => Dashboard => Pages => Select the page which you want to have larger content width => At right side bar click on Template and Select Full Width Disable Sidebar Template.

    To remove title inside pages
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #primary .entry-title {
    	display:none;
    }

    Tell me what do you want to keep as the background so that I can make transparent.

    Let me know if this works out.
    Regards,
    Skandha

    #134084
    FREDERIC
    Participant

    Hi Skandha

    Thanks a lot for your answer. It work fine.

    As you can see, my site change. I have a larger primary page. I add social-profile in the right and continue to build the structure.

    I gonna try to resolve by myself all the modification I want.

    This forum is a very big knoledges for find the solutions.

    Thanks
    Frederic

    #134101
    FREDERIC
    Participant

    Hi Skandha,

    I resolved some problems. I have a good question. Is it possible to add some menus for put on “First menu” and hide if necessary.

    For example, I create a sub-menu “Dive Phils” with “Dive Phils 01/2017”, “Dive Phils 05/2018”. Another sub-menu “Travels Phils” with “Travels Phils 01/2017”, “Travels Phils 05/2018”.

    in “Fixed menu”, I have a menu “Travels”/”Philippines” and when I click, on the new page, I display the Primary Menu “”Travels Phils” but not the Primary Menu “”Dive Phils”.

    I hope you can understand.

    I will try do do that but I don’t know if it’s possible without a child (I wouldn’t want use a child”

    Thansk for your answer

    Frederic

    #134102
    FREDERIC
    Participant

    I forgot to ask one thing

    When I have a sub-menu, I would want the menu don’t be a link, and nothing happen when I click on. How can I do this ?

    You can see on my website fredericvoyage.fr , when I click on “Travels”, I have a page “Travels” which appears.

    Thanks a lot

    Frederoc

    #134198
    Skandha
    Participant

    @frederic: I’m sorry I am not able to understand your issue with the menus and sub menus. Can you please elaborate?

    And yes if you don’t want a sub menu to be a link it is possible if you have added that sub-menu using a custom link. Just leave a # in the URL section of the custom link.

    Let me know if this works out.
    Regards,
    Skandha

    #134205
    FREDERIC
    Participant

    Hello Skandha

    Thank you for your answer. About the main menu without link if there is a submenu, I will test later.

    About the 1st request Primary menu and secondary menu, I try to explain below:

    Page Dives Corsica
    ——————
    Primary Menu (top): “Welcome Travels France Dives Portraits Towns Divers Blog About”
    Secondary Menu: “Propriano Bastia”

    Page Travels Phils
    ——————
    Primary Menu (top): “Welcome Travels France Dives Portraits Towns Divers Blog About”
    Secondary Menu: “Malapascua Manila”

    As you see, I would want to have a secondary menu depends of the display page.
    If it’s not possible, I will try to use button (if I can add button inside a page)

    Thanks
    Frederic

    #134212
    FREDERIC
    Participant

    Hello Skandha

    I know how do this :

    For example for the 2nd menu for “Dives Corsica”
    1. Create css part inside the “CSS custom”: information how to display the menu (It’s just a example)
    .menuPersonnal{
    /* Affects the UL element */
    overflow: hidden;
    display: inline-block;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
    } /* End of .menuPersonnal */

    .menuPersonnal li{
    /* Specifying a fallback color and we define CSS3 gradients for the major browsers: */

    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
    background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
    background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
    background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
    background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);

    border-right: 1px solid rgba(9, 9, 9, 0.125);

    /* Adding a 1px inset highlight for a more polished efect: */

    box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;

    position:relative;

    float: left;
    list-style: none;
    } /* End of .menuPersonnal li */

    2. Inside my page, add the part of the wanted menu
    <div class=”entry-content”>
    <!– START OF MENU PAGE –>
    <nav>
    <ul class=”menuPersonnal”>
    <li id=”home”>  Propriano 2015    
    <li id=”news”>  Bastia 2016    

    </nav>
    <!– END OF MENU PAGE –>
    ……

    Are you agree about this method ?

    Thank you

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Add social icones in menu, page full screen and page with 2 colonnes’ is closed to new replies.