Home › Forums › WoodMart support forum › How can I get rid of white space between some of the modules at the header and the footer
How can I get rid of white space between some of the modules at the header and the footer
- This topic has 60 replies, 2 voices, and was last updated 4 years, 3 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
November 5, 2020 at 2:00 pm #239107
ditbrandParticipantThanks
I tried to set up the header in gray but I still have some white space, see attached.How can I change the look of the menu in the left side?
Right now the Circular Minded is green at the frontpage and black at the subpage. And when moving the mouse to Circular Minded a black box with the subpage is shown.
On the mobile version the set up is as for at shop not a regular site. Like a burgermenu with dropdowns?
Attachments:
You must be logged in to view attached files.November 5, 2020 at 2:58 pm #239128
ditbrandParticipantThanks
1. I have an issue about the menus in the header. Right now the Circular Minded is shown in different colors, green or black. It’s should be black. I dont know where to change is.
2. I have tried to make the menus in the header as for at simplified menu – placing the pages in the header next to the logo, but the menus are shown at left. How can I change that?
3. The menu at the mobile should be a regular burger menu with drop down and not a shop menu with categories etc. Can you assist here?
4. There is a white space from the header to the content. How can I get rid of that?
Attachments:
You must be logged in to view attached files.November 5, 2020 at 4:19 pm #239153
ditbrandParticipantHi
When I added the Custom CSS as recommended, some content from the top of the page disappered. How can we solve this?
November 6, 2020 at 9:51 am #239345
Aizaz Imtiaz AwanKeymasterHello,
1) It seems that you aren’t configuring the menu in the correct way.
First Go to Appearance >> Menus and create a menu and then set it as the main menu.
Then Go to WoodMart >> Header Builder and add the menu to the header using the main menu element.
Screenshot for Clarification: https://ibb.co/VWC53ZS
2) And from the header builder, you can also set the position of the main menu.
3) I have visited your website and there is no such space as you mentioned.
4) Please provide a relevant screenshot of the areas that disappeared after the CSS to check it myself and help you out accordingly.
Regard’s.
Xtemos Studios.November 9, 2020 at 5:27 pm #240231
ditbrandParticipantHi
I have tried to delete and create a new menu.On the desktop version the menues are black – which is fine, but men the mouse hits the link it turns green. Where can I change the green color?
At the mobile version (see attached) I would like to have a simple burger menu without search bar, categories and menu. Just a very simple dropdown menu. I have tried differen solutions and nothing seems to help. Can you guide me, please?
And again the green color shows, where can I change the color? THANKSAttachments:
You must be logged in to view attached files.November 9, 2020 at 9:29 pm #240282
ditbrandParticipantHi,
1 . Please advise me on how to changes colors at the burger menu on the mobile version?
2. When I click the burger menu a large black box appeares, and I cannot see any links.
3. How can we make the box smaller?
4. I have used promo banners at the pages. I use buttons and would like to link to phone or email, how is that possible?
5. I have made text blocks with text in 2 lines as:Bæredygtig
forretningsudviklinghow can I link these 2 lines to a page?
Thanks
November 10, 2020 at 7:47 am #240335
Aizaz Imtiaz AwanKeymasterHello,
1) Please try adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.
.dropdowns-color-light .site-mobile-menu li a { color: #FFF; }
2) I have visited your website and the menu is displayed fine on mobile.
Screenshot for Clarification: https://prnt.sc/vgjnkr
3) Please provide a relevant screenshot of which box you are trying to change the size to check it myself and help you out accordingly.
4) For Phone you can try adding the link like “
tel:+15555551212
“. And for the Email button try adding a link like “mailto:[email protected]
“.5) Try wrapping the text within the anchor tag for example “
<a href="#">Test</a>
” Then you can set the link according to your needs.Best Regards.
November 10, 2020 at 4:20 pm #240500
ditbrandParticipantHi
I have tried the following
1. I need the menu dropdown to be gray. Therefore I added the gray color like this:
}
.dropdowns-color-light .site-mobile-menu li a {
color: #C6CBCC;
}But the box is still black.
2. The menu at the mobile is displayed twice. How can I delete one of them?
NEW Q.:
The footer display the menu section with twice CIRCULAR MINDED, I have attached picture of the footer and the menu. Is the menu not set up correctly?5. When the mouse hits the link the text is green. How can I change the color to eg white?
Thanks a lot!
Attachments:
You must be logged in to view attached files.November 10, 2020 at 6:07 pm #240519
ditbrandParticipantHi again
I have added a new page, but I can link from the mobile version to the new page: Bæredygtig Branding. Please advice me? ThanksNovember 11, 2020 at 7:40 am #240627
Aizaz Imtiaz AwanKeymasterHello,
1) Please try adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.
.dropdowns-color-light .widgetarea-mobile { background-color: grey; }
2) I have checked and the menu is displaying fine. If you are trying to ask anything else then provide a relevant screenshot to check it myself and help you out accordingly.
3) I have visited your website and the circular minded is not displayed twice as you mentioned.
Screenshot for Clarification: https://prnt.sc/vh81kk
4 & 5) Please provide a relevant screenshot to check it myself and help you out accordingly.
Best Regards.
November 11, 2020 at 9:46 am #240669
ditbrandParticipantHI
The menu is fine, I solved that one yesterday.
As for the website, everything seems fine by now, excepts from the footer. One of the pages are listet in bold the other page in regular. See picture.As for the mobile it’s still the same issue. Please look into this, I have now asked about the same issue several times.
The drop down needs to be gray. EVenthough I set in the suggested CSS, it is stil black.
The menu is still displayed twice, it looks like this:BÆREDYGTIG FORRETNINGSUDVIKLING
BÆREDYGTIG BRANDING
Bæredygtig forretningsudvikling
Bæredygtig brandingWhen I push any link at the menu of the mobile version and also at the website a green color appeares, It needs to be white, black or gray.
This is also a question I have asked for several times, please advise how to change that.
Please look into each question I hope to get this solved asap. THANKS
Attachments:
You must be logged in to view attached files.November 11, 2020 at 11:26 am #240718
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshots you attached and visited your website. The color of the visited page in the footer is changed and the text is bold.
Therefore to fix it try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.footer-container .widget_nav_menu ul li.current_page_item>a { font-weight: 400; color: #727272; }
2) And to remove the second twice menu try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.
.widgetarea-mobile { display: none; }
3) For the visited mobile menu item gree color try adding the following Custom CSS in the Global Custom CSS area.
.site-mobile-menu li.current-menu-item > a , .dropdowns-color-light .site-mobile-menu li.current-menu-item > a { color: white; }
4) For the mobile menu sidebar backgroud-color try adding the following Custom CSS in the Global Custom CSS area.
.dropdowns-color-light .mobile-nav { background-color: #727272; }
Best Regards.
November 11, 2020 at 11:47 am #240731
ditbrandParticipantThank you
1. The colors are almost there, except for 1 of the links in the menu is still black.
2. The menu is still displayed twice, it looks like this:
BÆREDYGTIG FORRETNINGSUDVIKLING
BÆREDYGTIG BRANDING
Bæredygtig forretningsudvikling
Bæredygtig brandingPlease advise me?
3. The link to “Bæredygtig Branding” in not working from the mobile menu.
4. The menu at the footer could the distance for the lines in the menu be the same as the distance for the lines in eg “OM OS”
5. I need videos at the site, how can the videos be shown without using YouTube links.
ThanksNovember 11, 2020 at 12:42 pm #240751
Aizaz Imtiaz AwanKeymasterHello,
1 &2) The black link is from the duplicate menu. Please try adding the following CSS in the Custom CSS for the mobile area under Theme Settings >> Custom CSS.
.widgetarea-mobile { display: none; }
Because you haven’t added the CSS that’s why the menu is still duplicate.
3) And the link is working absolutely fine on my end. Please clear the cache and check back.
4) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.footer-container .widget li, .woodmart-widget li { margin-bottom: 0px; }
5) Sorry but the default video player works for the videos from Vimeo or youtube. And you cannot use them without them.
Regard’s.
Xtemos Studios.November 11, 2020 at 3:15 pm #240806
ditbrandParticipantThanks
3. The link to “Bæredygtig Branding” in STILL not working from the mobile menu, it links to the wrong page, “Bæredygtig Forretningsudvikling”. I have tried to use other mobiles to test, but the problem is still the same.
On the computer – The color link is still green. How/where can I change the color of the hovered link?
It is really not possible to show videos without using You Tube channels – not even by using extra plugin or some kind of coding?
Thanks
November 12, 2020 at 8:27 am #240968
Aizaz Imtiaz AwanKeymasterHello,
You are Most Welcome.
1) Please try re-adding the links to the menu from Appearance >> Menus then clear cache and check back.
2) I didn’t see the green color on the computer. Please provide a relevant screenshot to check it myself and help you out accordingly.
3) The default video element of the Wp-Bakery page builder works for youtube or Vimeo links. Sorry, but we could not suggest you with a plugin because we haven’t tested our theme with such a plugin yet.
Best Regards.
November 19, 2020 at 4:15 pm #242927
ditbrandParticipantHi
I have uploadet videos at my youtube channels. Rigth now I have 3 videos at the channel.
When I upload the video and link to the channel, the video is shown after a pushing play, which is fine. However before the video is shown a picture from the theme is shown at the website, see attached.
When the video is completet, you see attachted picture of a all of different you tube videos. Why not a picture as the ones shown at the theme, see attached.How can I make this looks nice, since rigth now it’s not fit for the website.
ThanksAttachments:
You must be logged in to view attached files.November 19, 2020 at 7:01 pm #242959
ditbrandParticipantHi
Do I have to buy a plugin to make the video presensation look nice?
https://codecanyon.net/item/simple-video-player-svplayer-plugin-for-visual-composer/11949625?clickid=VOoTLR2JPxyLUQUwUx0Mo3EAUkEzbVzFi3pYXo0&iradid=275988&iradtype=ONLINE_TRACKING_LINK&irgwc=1&irmptype=mediapartner&irpid=482002&mp_value1=&utm_campaign=af_impact_radius_482002&utm_medium=affiliate&utm_source=impact_radiusNovember 20, 2020 at 6:15 am #243059
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshots you attached.
You are using the video element to display the video and the image is called the poster video. You can change it by editing the video element.
Screenshot for Clarification: https://prnt.sc/vmltfk
And this is the default behavior of the youtube video that it displays the next and upcoming video after the video is completed.
Sorry, but we could not recommend you buying the plugin because we haven’t tested it with our theme.
Best Regards.
November 20, 2020 at 12:42 pm #243160
ditbrandParticipantHi
When I need to have the video from YouTube I have to use an embedded code, where is this code supposed to be insertet?
Is it at the LINK at the page or is it at the CSS? I have tried the both, but nothing seems to work.
Thanks.November 20, 2020 at 1:01 pm #243170
Aizaz Imtiaz AwanKeymasterHello,
You don’t need to use the embed code.
You need to take the video URL in the following format https://www.youtube.com/watch?v=xcJtL7QggTI
Then add to the video link in the element. Then clear cache and check back.
Regards.
Xtemos Studios.November 22, 2020 at 3:43 pm #243614
ditbrandParticipantHi
I use the same modul at the beginning of each service pages. However I can see that the size of the modul varies from page to page even though I fill in the same numbers in the Design modul.
Can you help me by making the length of this modul the same on every page?How can I change the url https://circularminded.com/index.php/csr-og-baeredygtighedsrapportering/
so the url does not include index.php?
ThanksAttachments:
You must be logged in to view attached files.November 22, 2020 at 3:49 pm #243617
ditbrandParticipantI still need help to get rid of the green link color. Can you help me?
Attachments:
You must be logged in to view attached files.November 22, 2020 at 4:28 pm #243623
ditbrandParticipantI still need help to get rid of the green link color. Can you help me?
When I click at the link “BÆREDYGTIG BRANDING” it’s only one word at a time that becomes linkable and not the full sentence “BÆREDYGTIG BRANDING”.
ThanksAttachments:
You must be logged in to view attached files.November 23, 2020 at 6:56 am #243708
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshot you attached.
1) The height of the section depends on the content added to it. Please try adding the same content to the elements then clear cache and check back.
2) For the color of the links. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.wpb_text_column.wpb_content_element a:hover { color: red; }
You can set the color according to your needs.
Regards.
Xtemos Studios.November 23, 2020 at 10:20 am #243781
ditbrandParticipantThanks
1) The height of the section depends on the content added to it. Please try adding the same content to the elements then clear cache and check back. Is it no way possible to make the same heigth of the section using some kind of coding?
2) Can you please answer this: When I click at the link “BÆREDYGTIG BRANDING” it’s only one word at a time that becomes linkable and not the full sentence “BÆREDYGTIG BRANDING”.
3) And please also get back to me about deleting the /index.php/ in the url of the pages as mentionned earlier.
ThanksNovember 23, 2020 at 11:15 am #243810
Aizaz Imtiaz AwanKeymasterHello,
You are Most Welcome.
1) If we try using Custom CSS then it could disturb the layout. You can try adding an empty space element to make the section heights the same.
Screenshot for Clarification: https://prnt.sc/voc60k
2) Sorry but I am unable to see the link you are talking about. Please provide a relevant screenshot to check it myself and help you out accordingly.
3) This is related to the wordpress permalinks not our theme. You can try setting permalinks from Settings >> Permalinks.
Regards.
Xtemos Studios.November 23, 2020 at 3:14 pm #243916
ditbrandParticipantHi
I have made layout/content to computer and layout/content to mobile version.
In the making of the layout at the Responsive Option I have used the HIDE button for the content of either the desktop or mobile version, see attached.When I look at the frontend editor, I can choose options to see the layout see attached. But
it’s very confusing to look at, am I doing something wrong, or how can I see if the layout is presented nicely at the different devices?Attachments:
You must be logged in to view attached files.November 24, 2020 at 6:47 am #244051
Aizaz Imtiaz AwanKeymasterHello,
I saw the screenshots you attached. If you find the WP-Bakery layout selector confusing then you can save the layouts for the devices and can check the responsiveness of the elements
using an online tool like: https://www.responsinator.com/
Note: Please create a new ticket every time for the new issue on the support system.
Regards.
Xtemos Studios.November 24, 2020 at 6:34 pm #244365
ditbrandParticipantThank you.
I dont know where or how to make a new ticket, sorry.
I have made a Promo banner at the pages. I have add’ed 2 pictures next to each other. One of the pictures is a picture of a color with text add’ed later on, and the other is a regular picture. When I look at the Responsinator I see that the plain color with text need to vary in sizes to fit the mobile / Ipad version.
I tried to delete the picture and only use the color as a background since I figured it is easier to change the hight to fit the amount of text. When I delete the picture and add a background color I get this fault, see attacted.
Thanks
Is there an easier way to make the pages responsible? Do I really have to make 3 versions to make it look nicely; Desktop, Mobile and Ipad? See attached picture of Ipad, some of the text are missing.
Thanks
What am I doing wrong?Attachments:
You must be logged in to view attached files. -
AuthorPosts
- You must be logged in to create new topics. Login / Register