- This topic has 9 replies, 2 voices, and was last updated 6 years, 7 months ago by FREDERIC.
-
AuthorPosts
-
March 23, 2018 at 8:33 am #133972FREDERICParticipant
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 testsThank you for your help
Frederic
from France with a bad english written ?March 24, 2018 at 8:04 am #134029SkandhaParticipant@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,
SkandhaMarch 24, 2018 at 5:36 pm #134068FREDERICParticipantHi
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
FredericMarch 24, 2018 at 10:44 pm #134079SkandhaParticipant@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,
SkandhaMarch 25, 2018 at 4:41 am #134084FREDERICParticipantHi 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
FredericMarch 25, 2018 at 10:00 am #134101FREDERICParticipantHi 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
March 25, 2018 at 10:28 am #134102FREDERICParticipantI 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
March 27, 2018 at 1:12 am #134198SkandhaParticipant@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,
SkandhaMarch 27, 2018 at 2:36 am #134205FREDERICParticipantHello 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
FredericMarch 27, 2018 at 5:53 am #134212FREDERICParticipantHello 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
-
AuthorPosts
- The topic ‘Add social icones in menu, page full screen and page with 2 colonnes’ is closed to new replies.