Add social icones in menu, page full screen and page with 2 colonnes

This topic has 9 replies, 2 voices, and was last updated 6 years, 9 months ago by FREDERIC.

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

Author

Posts
March 23, 2018 at 8:33 am #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 ?

March 24, 2018 at 8:04 am #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

March 24, 2018 at 5:36 pm #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

March 24, 2018 at 10:44 pm #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
March 25, 2018 at 4:41 am #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

March 25, 2018 at 10:00 am #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

March 25, 2018 at 10:28 am #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

March 27, 2018 at 1:12 am #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

March 27, 2018 at 2:36 am #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

March 27, 2018 at 5:53 am #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
Author

Posts