Header

Hi,
You need to set both elements to be displayed inline – https://i.imgur.com/R244UzS.png https://i.imgur.com/MGTEgjW.png
Thank you!

Hi,
Please do like this on mobile view port the row that is for the header when it’s empty, should be something like this – https://i.imgur.com/XeVFXhX.png drag the elements like you want to be, should be the search, logo and mobile. https://i.imgur.com/Ogyc0A6.png after that select the column and in Layout tab select the settings like this – https://i.imgur.com/tAtAuGY.png
I hope this will help you!

Hi,
Edit the homepage using tagDiv Composer, select the search icon and check the General tab scroll down to the Search form section and set the for offset to the left (I think 250 will be enough) – https://i.imgur.com/1FCe6Ih.png
Thank you!

Hi,
Unfortunately, it will be need to be done from scratch. Do you want it to be exactly the same as this one https://demo.tagdiv.com/newspaper_shop_makeup/header/, but on RTL, or without the shop part?
Thank you!

Hi,
Ok, so the first step is to have an RTL language selected on wordpress, for example, I will select Arabic – https://i.imgur.com/90vPjA9.png, then go to Cloud templates and click on + on Header templates – https://i.imgur.com/XguMYXz.png, then search for “makeup” https://i.imgur.com/GW3D4L2.png open the template in tagDiv Composer – https://i.imgur.com/Kuk7maO.png, then it should look like this https://i.imgur.com/gpGfdsC.png then just drag and elements in the palce you want (change logo) …. for example drag the left column with the menu in the right – https://i.imgur.com/TK0k9vI.png https://i.imgur.com/AM5hv6u.png the menu elements to be display from ltr to rtl use this custom css :
.rtl .tdb_header_menu .tdb-menu {
flex-direction: row-reverse;
}
I hope this will help you!

Please make sure that the WooCommerce plugin is installed and activated, after that, install tagDiv Shop plugin https://i.imgur.com/UoEmn7T.png https://i.imgur.com/6RD5Ppv.png

Hi,

Unfortunately, the button can be moved only with css, you can use this css:
body .tdw-search-form .tdw-search-form-inner .wpb_button {
position: absolute;
}
You can set the css in tagDiv Composer in css zone – https://i.imgur.com/TUjcyHr.png

To have the same space between menu elements, please set the Elements space 0 and use Elements padding 0 15px – https://i.imgur.com/qCwmxpM.png adjust the padding after your needs.

The login elements can be set to the right using this custom css:
body .tdw-block-inner .tdw-wml-wrap .tdw-wml-menu{
text-align: right;
}
The code can be set in tagDiv Composer in css zone – https://i.imgur.com/JddsYrk.png

To adjust the space between the shop and my account element, select the shop cart and select the cs tab, then remove the left 30px margin and set 30 to the right margin – https://i.imgur.com/fIGCFt4.png https://i.imgur.com/Yu3OYD1.png (it is possible to me more elements that need to be fixed like this, because the css was set for LTR direction and does not need to be changed for RTL)

Thank you!

Hi,

Yes, that search element is designed only for the shop. If you want a live search that provides results for both articles and shop products, you can replace the element with the live search element. This will display results from both categories, though some product information might not be fully displayed.

To adjust the border radius, please use the border radius option:
– https://i.imgur.com/w8IB1yC.jpeg

– https://i.imgur.com/ykUSmoM.jpeg

Both options should work, so you can use either one.

Shadow: It depends on whether the shadow is set on the element itself or on the column that contains the element. Normally, you can use the Composer’s search function to look for “shadow,” then use the red indicator to check where the shadow settings are applied. For example:
– https://i.imgur.com/AzCVX6z.png

Thank you!
Calin

Hello,

For the empty gap at the footer, I will need a link to your website where I can investigate the gap and determine its cause.

The shadow can be removed from Style tab, set Shadow 0 – https://i.imgur.com/wQkD3xM.png remove the border from the General tab – https://i.imgur.com/vIkk4Ey.png set border radius for input – https://i.imgur.com/Dk0sbA5.png and for the button – https://i.imgur.com/Rbfh7zA.png for button position use this custom css:
.tdb_header_search .tdb-head-search-form-btn {
position: absolute;
}

I see that icon is a standalone element, so you can drag and drop it in the left zone of the text.

The theme has a responsive version, just check the mobile viewport – https://i.imgur.com/GpDhAsx.png but if you want to have a separate conetnet for mobile or you want to edit some elements only for mobile you can create a mobile page/template https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ also is providing a dedicate plugin (tagDiv Mobile theme) but this is limted in options and edits making it very simple.

Thank you!