Header usage with mega main menu

Posted in: Newspaper
Post count: 11

Hi all,

I want to use Mega main menu as plugin. I have selected header Style 7 but the problem is: there are huge empty space over mega main menu. How can I remove Newspaper header in all pages?

Thanks.

Post count: 20688

Hi,

You can see how all the header styles look in the theme documentation
https://forum.tagdiv.com/header-styles/
All header styles are predefined so there should be no problems like you mention. If you have a problem please provide a link to your website so we can inspect it.

Thanks

Post count: 11

Hi Simion,

Thanks for the fast answer; I have tried all header style, plugin is working but there is still big empty spaces over Mega Main Menu. The link is: http://dahua.alerta.com.tr/

If you need the admin information, I can send to you all.

Thanks.

Post count: 20688

Seems you are using a different menu implementation, that space would be the space reserved for the logo. But since you are not using it you could remove it with this code
https://www.screencast.com/t/JV5w8BfXh
Enter the code in Theme panel->Custom CSS

.td-header-style-7 .td-header-sp-logo {
display: none;
}
.td-header-style-7 .td-header-menu-wrap-full {
height: auto!important;
}

Thanks

Post count: 11

Hi Simion,

Thanks for the best support; solved the problem.
I have one more question about table border.

I have been using WPBakery PageBuilder; in Text Block I have made copy-paste from other site to my site but there is no any border in table, I need to add borders but the code is like below:

div id=”div_left”>
<div class=”div-drop”>
<table id=”table001″ class=”NEW-TABLE TableOverride-1 tab-drag”>
<tbody>
<tr>
<td colspan=”60″>Camera</td>
</tr>
<tr>
<td colspan=”18″>Image Sensor</td>
<td colspan=”42″>1/2.8” 2Megapixel progressive scan CMOS</td>

Test page link is http://dahua.alerta.com.tr/?post_type=product&p=1383&preview=true

How can I fix it?

Thanks.

Erkan

Post count: 20688

Hi,

The link you provided directs to a 404 page unfortunately
https://www.screencast.com/t/Vq6vvQDwbMyM
Maybe this topic wold be helpful if you want to add borders to a table
https://www.quackit.com/html/codes/tables/html_table_border.cfm

Thanks

Post count: 11

Hi Simion,

Sorry for the 404 page; the right link might be:
http://dahua.alerta.com.tr/index.php/product/ipc-hdbw4231e-ase/

I have check the document link and excute over page but there is no working on site.

How can we fix it?
Maybe one plugin can solve also too.

Thanks.

Erkan

Post count: 20688

Hi,

I see the table you are referring to now. If you copied only the HTML then there will be no design for it. It will require CSS to style the table. I don’t know how exactly you want the table to look or how it looked in the location you copied it from.

That page also seems to be a Woocommerce product page, there is some design for Woocommerce pages that removes the table borders
https://www.screencast.com/t/VdhkSBL7hG
I could give you a code to make the borders appear, like this
https://www.screencast.com/t/Zvz8SWRWUQ6
The code can be entered in Theme panel->Custom CSS

.woocommerce-page .product table td {
border: 1px solid #ededed!important;
}

Thanks

Post count: 11

Hi Simion,

Thanks for the best support; really you are very good.
If I can make some comments or stars value for your efforts in any places, I can do it.

I have one more question for product page. I have been using one model image, there is no more product images so thumb images are looking with empty spaces.
How can I remove empty spaces over thumb image line?

Thanks a lot

Erkan

Post count: 20688

Hi,

If you could specify exactly where the spaces are, I will try to give you a solution to remove them if possible. Provide a useful screenshot or some more details.

Thanks

Post count: 11

Hi Simon,

Thanks for the best support again.
I have 1 question and 3 problem over site.
the sample link is:
http://dahua.alerta.com.tr/index.php/product/ipc-hdbw4231e-ase/

1- As I typed before, I am just using one image for product page so thump image is on galery empty but it is looiking one big space area, how can we remove this big empty space?
Image link – https://we.tl/7Bdzi6d5cU

2- Under product image, gallery thumb image there one text and line in red color; I want to remove all, how can we remove it?
Image link – https://we.tl/OAVKGWRJua

3 – Under the page, there are products images; under images all text and buttons are on the left, but I want to put all to center not the left. How can we fix it?
Image link – https://we.tl/eSmXZ0RcEm

There are above the problem to fix.
My question is about your working. do you make some works as freelance for example some iOs or Android app you can make. If you do, we can work together for some works. There are some idea for apps we can work for them.

Thanks.

Erkan

Post count: 22421

Hello,
1 – you cannot remove the space as it comes directly from the image: https://www.screencast.com/t/yd4txL1nRbam

2 – You can hide the title by adding this custom css in your theme panel-> custom code section:
.wc-tabs{
display:none;
}

3 – You can use this css code to align these elements to the center:

.woocommerce-loop-product__title{
text-align:center;
}
.woocommerce ul.products li.product .button{
margin-left:auto;
margin-right:auto;
display:table;
}

Thanks.

Viewing 12 posts - 1 through 12 (of 12 total)
The forum ‘Newspaper’ is closed to new topics and replies.